<template>
  <div id="app">

    <router-view />
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {};
  },
  watch: {},
  created() {

  },
  methods: {},
  computed: {}
};
</script>


<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.avue--detail .el-col{
  margin-bottom: 0;
}


.avue-crud__menu{
  min-height: 0;
}



/* switch按钮样式 */

.switch-box {
  .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
}


/* 调整打开时文字的显示位子 */
.switch-box {
  .el-switch__label--right span {
    margin-left: 6px;
    font-size: 10px;
  }
}

  /*关闭时文字位置设置*/
.switch-box {
  .el-switch__label--left {
    z-index: 1;
  }
}

  /* 调整关闭时文字的显示位子 */
.switch-box {
  .el-switch__label--left span {
    margin-left: 25px;
    font-size: 10px;
  }
}

  /*显示文字*/
.switch-box {
  .el-switch__label.is-active {
    display: block;
  }
}

  /* 调整按钮的宽度 */
.switch-box {
  .el-switch .el-switch__core,
  .el-switch .el-switch__label {
    padding: 10px 0;
    width: 55px !important;
    margin: 0;
  }
}


.row{
  display: flex;
}
.center{
  align-items: center;
}

</style>
